@charset "utf-8";
/*!
 * Created by Toma on 2016-7-12 09:09:59
 * @file SZG-后台框架 @ver 0.0.1
 */

$sidebar:#333c48; // 侧栏颜色
$nav:#333c48; // 导航颜色

/* 侧边栏 */
.sidebar_left{
  @include pos(50px,0,fixed);
  width: 200px;
  height: 100%;
  z-index: 100;
  background: $sidebar;
  overflow-y: auto;
  .nav{
    li{
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
    }
    li:hover,li.active{
      background-color: #262d36 !important;
      .link-lop{
        display: block;
      }
    }
  }
}
.nav-link{
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px !important;
  background-color: transparent !important;
  color: #fff !important;
  font-size: 15px;
  i{
    margin-right: 15px;
    opacity: .8;
  }
  &::after{
    content: '>';
    font-family: 'sans-serif';
    float: right;
    padding-right: 20px;
  }
}
.link-lop{
  display: none;
  background: #262d36;
  padding-left: 50px;
  padding-bottom: 15px;
  margin-top: -5px;
  a{
    color: #929ca9;
    text-decoration: none;
    line-height: 32px;
    font-size: 13px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    &:hover{
      color: #fff;
    }
  }
}

/* 导航 */
.to-nav{
  background-color: $nav;
  border-color: $nav;
  border-radius: 0;
}
.navbar-inverse .navbar-brand{
  color: #fff;
}

/* 主体 */
.content{
  margin-left: 200px;
  padding-top: 50px;
  .con-wap{
    padding: 15px;
  }
}
.to-h2{
  margin-top: 10px;
}
.min-img{
  display: inline-block;
  @include bg(32px,32px);
  -webkit-background-size: cover;
  background-size: cover;
  vertical-align: middle;
  margin-right: 8px;
}
.table td{
  vertical-align: middle !important;
}
.dropdown-menu>li>a{
  padding: 8px 20px;
}
.to-form{
  padding-top: 15px;
  .input-group{
    margin-bottom: 15px;
  }
  input,select{
    height: 42px;
  }
}
.btn-save{
  padding: 8px 46px;
  font-size: 16px;
  margin: 5px 15px;
}
.ta-paren{
  i{
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
}
.ta-child{
  display: none;
}

/* 分页 */
.pagination{
  margin: 7px 0;
}

/* Tab */
.nav-tabs{
  li.active a{
    //background-color: #f5f5f5;
  }
}


/* 小屏幕 */
@media (max-width:768px) {
  .sidebar_left{
    display: none;
  }
  .content{
    margin-left: 0;
  }
  .loginbox{
    width: 90%;
    left: 0;
    margin-left: 5%;
  }
}

/* 插件 */
.glyphicon{
  font: normal normal normal 14px/1 FontAwesome;
  &.glyphicon-arrow-left::before,
  &.icon-arrow-left::before{
    content: "\f053";
  }
  &.glyphicon-arrow-right::before,
  &.icon-arrow-right::before{
    content: "\f054";
  }
}

/* 表格 */
.app-table{
  &>thead>tr>th,
  &>tbody>tr>td{
    padding: 12px;
  }
}